<template>
  <div>
    <div class="service-banner">
          <div class="banner_tip w" style="text-align: center;"  >
            <div class="ba_t" style="color: #fff;font-size: 40px;padding-top: 174px;" >Ratings and Reviews</div>
            <div class="ba_b" style="color: #fff; font-weight: bold;">
              Available for your iOS/Android app, high ratings and positive reviews give your app a good reputation, increase
              <br>
              the chances of it being recommended, and make you more credible, in turn bringing high organic flow.
               <br>
            </div>
          </div>
    </div>
    <div class="breadcrumbs-custom bg-gray-200">
      <div class="w">
        <div style="display: flex;align-items: center;justify-content: space-between;">
          <div class="breadcrumbs-custom-title">Ratings and Reviews</div>
          <ul class="breadcrumbs-custom-path">
            <li>Services</li> /
            <li class="active">Ratings and Reviews</li>
          </ul>
        </div>
      </div>
    </div>


    <div class="service-main">
      <!-- <div style="position: static;top: 0;">333</div> -->
      <div style="display: flex;justify-content: space-between;" class="w">
        <div class="service-main-l">

            <div class="service-des">
              <h1 class="h6 font-weight-bold">Why do you need ratings and reviews?</h1>
              <p>
                Users rely on an app’s ratings and reviews to select quality apps. By responding to user ratings and reviews, you can create a favorable first impression and build a loyal following.
              </p>
              <p>
                The essential formula of Google Play or App Store is to ensure that apps which satisfy the majority of users will be displayed. So your app’s keywords, ratings and reviews as well as past number of downloads are extremely important.
              </p>
            </div>


            <div class="service-des">
              <h1 class="h6 font-weight-bold">The effect of ratings and reviews on app store visibility and conversion rate</h1>
              <p>
                Google Play and App Store are geared towards more active ratings and reviews when ranking the apps.
                 <br/>
                 Ratings and reviews are essential ASO factors for conversion rate and visibility.
              </p>
              <p>
                We conducted surveys with thousands of users for our test reports in order to understand their opinions about ratings and reviews. Nearly 80% of people will check an app’s rating and reviews and more than half of them believe that a review is just as important as a friend’s opinion. The more positive ratings and reviews you have, the more positive your users will feel, and this will bring you even more downloads!
              </p>
            </div>



          <contentDes></contentDes>







        </div>


        <div class="service-main-r "  :class="{fixbox:isFix,nobottom:nobottom}" >
          <div class="box-icon-classic">
            <div class="box-icon-title">
              Ratings and Reviews
            </div>
            <div class="mt-2">$0.10</div>
            <div>
              <mark>Each Reviews</mark>
            </div>
            <ul class="list-marked" style="margin-top: 20px;">
              <li><i class="el-icon-circle-check"></i>More Postive Reviews</li>
              <li><i class="el-icon-circle-check"></i>IOS/Android/iPad</li>
              <li><i class="el-icon-circle-check"></i>Unique IP & Device</li>
              <li><i class="el-icon-circle-check"></i>Better Average Rating</li>
              <li><i class="el-icon-circle-check"></i>The App Looks More Trustworthy</li>
              <li><i class="el-icon-circle-check"></i>Custom Daily Speed</li>
              <li><i class="el-icon-circle-check"></i>New Buyers Free Trial</li>
              <li><i class="el-icon-circle-check"></i>All Countries</li>

            </ul>

            <div style="text-align: center;padding-top: 15px;">
              <div class="fs_btn mybtn" @click="$router.push('/contact')">
                    Get Services
              </div>
            </div>


          </div>

        </div>



      </div>

    </div>

  </div>
</template>

<script>
  import contentDes from './content';
  export default {
    components:{
          contentDes
    },
    data() {
      return {
         nobottom:false,
        isFix: false
      }


    },
    mounted() {

      window.addEventListener('scroll', this.handleScroll);
    },
    methods: {
      getScrollBottomPx() {
          const scrollHeight = document.documentElement.scrollHeight; // 总滚动高度
          const viewportHeight = window.innerHeight; // 视口高度
          const scrollTop = document.documentElement.scrollTop; // 滚动的距离
          const bottomPx = scrollHeight - viewportHeight - scrollTop; // 距离底部的px值
          return bottomPx;
        },
      handleScroll(event) {

        if (window.scrollY >= 380) {
          this.isFix = true;
        } else {
          this.isFix = false;
        };

        if(this.getScrollBottomPx()<=360){
            this.nobottom = true;
        }else{
          this.nobottom = false;
        }

      }
    },
    beforeDestroy() {
      // 移除滚动事件监听
      window.removeEventListener('scroll', null);
    },




  }
</script>

<style>
</style>
